<template>
<div style="width: 1000px; margin-left:200px;margin-top: 50px">
  <h1 class="new-title">{{articleInfoList.article_title}}</h1>
  <div class="AddTime" style="margin-bottom: 50px">发布时间：<span>{{$moment(articleInfoList.putout_time).format("YYYY-MM-DD hh:mm:ss")}}</span></div>
  <div class="BodyThe">{{articleInfoList.article_content}}</div>
  <img :src="articleInfoList.article_img" alt="" style="margin-top: 200px;max-width: 1000px">
</div>

</template>

<script>
export default {
  // eslint-disable-next-line vue/multi-word-component-names
  name: "Fragment",
  data(){
    return{
      articleInfoList:'',
      articleID:'',
      time:'',
    }
  },
  created() {
    this.articleID=this.$route.query.id
  },
  mounted() {
    console.log(123)
    this.articleID=this.$route.query.id
    this.$api.articleApi.getArticleInfo({id:this.articleID}).then(result=>{
      this.articleInfoList=result[0]
    })

  }
}
</script>

<style scoped>

</style>